import React from 'react'
import './App.css'
import 'antd/dist/antd.css';
import lodash from 'lodash';
// import { Header } from './components/header1' //父传子
// import { Header } from './components/header2' //子传父
// import { Header } from './components/header4' //跨组件通信
// import { Header } from './components/header5' //props 中的 children
// import { Header } from './components/header6' //useState
// import { Header } from './components/header7' //useState中的回调
// import { Header } from './components/header8' //useRef
// import {Header} from './components/fetch/fet1/fet1'
// import { Header } from './components/header9' //usecontext
// import Header from './components/header10/Header' // form表单
// import {Header} from './components/grid/Header' //grid布局
// import {Header} from './components/sty/Header' //style的实验
// import { Header } from './components/contextAndUseRudcer/Header';//context 与reducer
// import {Header} from './components/header11' //扩展组件
// import { Header } from './components/header12'; //table
// import { Header } from './components/header13'; //select 下拉框
// import Header from './components/header14/Header' //登陆页
//  import Header from './components/header15/Header'; // less 
//  import Header from './components/header16/Header';  //PrepareDat以及children的使用
//  import Header from './components/header17/Header'; //方法的传递
//  import Header from './components/header18/Header'; // float 浮动
 import Header from './components/header19/Header'; // this

function App() {
  //form表单实验props
  const obj = {
    exampleField :{
      name:'默认filed值'
    },
    onchange: (changedFields: any) =>{
      console.log('我只是传递的props中的方法onchange','传递过来的field:',changedFields);
      
    },
  }

// function processMaps(maps: any) {
//   if (lodash.isArray(maps)) {
//     return lodash.chain(maps)
//       .reduce((map: any, typeCode: any) => {
//         return {
//           ...map,
//           [typeCode]: `${typeCode}11`,
//         };
//       }, {})
//       .value();
//   }
// }
// const maps = ['typeCode1', 'typeCode2', 'typeCode3'];
// const result = processMaps(maps);
// console.log('result',result);


  return (
    <div className='App'>
      <Header {...obj}/>
    </div>
  )
}

export default App
